<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="./test1.js"></script>
</head>
<body>
    <!-- 
        因为浏览器的执行顺序是从上到下执行的 
            script标签有两个放的地方  一个是放在body前  一个是放在body后
            当我们将script标签放在前面的时候 浏览器中body的内容就会要等到script执行结束之后才会渲染
            这样就会让页面出处于空白的清空下加载    
    -->
    <h1>Jimmy</h1>
    <script src="./test1.js"></script>
    <!-- 
        当我们把script标签放在DOM元素之后，就算script标签中的代码要执行很久，页面中的元素也是能显示出来
            给用户的感觉就没有哪个空白页  更加的人性化  也不会显得网页的卡顿
    -->
</body>
</html>